{{define "demo01/getIndex2.html"}}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/s/js/jquery-3.7.1.min.js"></script>

</head>
<body>
这是我的第二个界面

<form >
    用户名： <input type="text" name="username" id = "uname"><br>
    年龄：<input type="age" name = "age" id ="age"><br>
    <input type="button" value="提交" id = "smt">

    {{.msg}}
</form>
<script >
   var smtText= document.getElementById("smt")
   smtText.onclick = function(){

       var uname = document.getElementById("uname").value
       var age = document.getElementById("age").value


       $.ajax({
           url : "/toajax",
           type : "POST",
           //将数据装换成json
          //如果向后台提交的是Json字符串需要加入这个属性：
           contentType : "application/json",
           //JSON.stringify() 方法用于将 JavaScript 值转换为 JSON 字符串

           data : JSON.stringify({
               "uname" : uname,
               "age" : Number(age)
           }),

           success : function (info) {
               alert(info["msg"])
           }


       })

   }







</script>

</body>
</html>
{{end}}